<template>
  <div class="allifo">
    <School ref="schoolinfo"></School>
    <button @click="showDom2">11100</button>
    <Student></Student>
  </div>
</template>

<script>
  import a from "./components/School.vue"
  import b from "./components/Student.vue"
  export default {
    name:"App",
    components:{
      School:a,
      Student:b
    },
    methods:{
      showDom2(){
        console.log(this.$refs);
      }
    }
  }
</script>

<style>
  .allifo{
    background-color: aqua;
  }
</style>